<!--
Date: 2025-08-13
Copyright (c) 2025 Industrial Software Feature Database
-->
<template>
  <div class="reault_main">
    <el-tabs v-model="activeName"  @tab-change="handleClick">
      <el-tab-pane label="强度校核结果库" name="common">
        <Op2Public v-if="activeName === 'common'" />
      </el-tab-pane>
      <!-- <el-tab-pane label="自然网格结果数据" name="self">
        <Op2ResultLibrary v-if="activeName === 'self'" @handleEvent="handleEvent"/>
      </el-tab-pane> -->
      <el-tab-pane label="精细模型管理结果库" name="preprocess">
        <PrResultLibrary v-if="activeName === 'preprocess'" @handleEvent="handleEvent"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import Op2ResultLibrary from './component/Op2ResultLibrary.vue';
import Op2Public from './component/Op2Public.vue';
import PrResultLibrary from './component/PrResultLibrary.vue';
const activeName = ref('common');
// 卡片点击事件
const handleClick = (tab) => {
  activeName.value = tab;
};

</script>
<style lang="scss" scoped>
.reault_main {
  // padding: 0.5rem;
  height: calc(100vh - 84px);
  padding: 20px;
}
</style>
    